<!DOCTYPE html>
<html id="zong">
	<head>
		<meta charset="utf-8">
		<script src="./JavaScript/login.js" type="text/javascript"></script>
		<title>主页面</title>
		<style>
			*{
				padding: 0px;
				margin: 0px;
				border: 0px;
				font-family: 微软雅黑;
			}
			html{
				width: 100%;
				height: 100%;
				/* background: url(./srcimage/2.jpg); */
				background-size: cover;
			}
			#back{
				width: 100%;
				height: 100%;
				background: ;
				backdrop-filter: blur(30px);
			}
			#divcenter{
				display: flex;
				width: 900px;
				height: 500px;
				position: fixed;
				border-radius: 30px;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				margin: auto;
			}
			#bottemtouch{
				float: right;
				width: 30px;
				height: 30px;
			}
			
		</style>
	</head>
	<body id="back">
		
		<div id="divcenter">
			<div style="height:500px;width: 350px;background-color:#DE9880">
				<form style="text-align: center;padding-top: 90px;">
					<p style="font-size: 18px;color: #fff;font-size: 40px;">Login</p>
					<input type="text" name="username" style="width: 240px;height: 40px;border-radius: 3px;border: 0px;font-size: 18px;margin-top: 15px;padding-left: 10px;" placeholder="User name"><br>
					<input type="password" name="passwd" style="width: 240px;height: 40px;border-radius: 3px;border: 0px;margin-top: 10px;font-size: 18px;padding-left: 10px;"placeholder="Password"><br>
					<input type="submit" value="登录" style="width: 250px;height: 40px;background-color: #745968;border: 0px;border-radius: 3px;margin-top: 10px;font-size: 18px;color:#fff;">
					<div style="width: 250px;height: 40px;border-radius: 3px;border: 0px;font-size: 18px;background-color: #745968;text-align: center;margin-left: 50px;">
						<p style="color:#fff;padding-top: 8px;margin-top: 10px;">注册</p>
					</div>
					<p style="font-size: 15px;margin-top: 15px;color:#fff;font-weight: bold;">用户协议</p>
					<p style="font-size: 15px;margin-top: 15px;color:#fff;">@街灯2023 3786692490@qq.com</p>
				</form>
			</div>
			<div id="backimge" style="height: 500px;width: 550px;background-image: url(./srcimage/2.jpg);background-size: cover;">
				<img onclick="backimge1()" id="bottemtouch" src="./srcimage/photo2.png">
				<p style="float: right;color: #fff;font-size: 15px;margin: 7px 0px 0px 0px;font-family: 幼圆;font-weight: bold;">更换图片</p>
			</div>
		</div>
	</body>
</html>
